<template>
  <div>
    <common-header></common-header>
    <project-main :list="projectList_H5"></project-main>
    <common-footer></common-footer>
  </div>
</template>

<script>
import CommonHeader from 'common/CommonHeader'
import ProjectMain from './components/Main'
import CommonFooter from 'common/CommonFooter'
import axios from 'axios'
export default {
  name: 'Project',
  data () {
    return {
      projectList_H5: []
    }
  },
  components: {
    CommonHeader,
    ProjectMain,
    CommonFooter
  },
  methods: {
    getProjectInfo () {
      axios.get('/api/project.json').then(this.getProjectInfoSucc)
    },
    getProjectInfoSucc (res) {
      res = res.data
      if (res.ret && res.data) {
        const data = res.data
        this.projectList_H5 = data.projectList_H5
      }
    }
  },
  mounted () {
    this.getProjectInfo()
  }
}
</script>

<style lang="stylus" scoped>

</style>
